<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ board_name }}</title>
  </head>
  <body>
    <link href="{{ url_for('static', filename='css/reset.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='css/main-layout.css') }}" rel="stylesheet">
    <script src="{{ url_for('static', filename='js/jquery-2.0.3.min.js') }}" type="text/javascript"></script>
    <script src="{{ url_for('static', filename='js/json2.js') }}" type="text/javascript"></script>
    <script src="{{ url_for('static', filename='js/underscore-min.js') }}" type="text/javascript"></script>
    <script src="{{ url_for('static', filename='js/backbone-min.js') }}" type="text/javascript"></script>
    <div id="main-header">
      <div id="header-frame">
        <p><a href="/">Fake Trello</a></p>
      </div>
    </div>
    <div id="board-content">
      <div class="list-control">
        <span class="title"><label><input type="checkbox" id="select-lists"/>{{ board_name }}</label></span><input type="text" class="list-addipt" placeholder="list"/><span class="btn-lite list-add">+添加List</span><span class="btn-lite list-delete">-删除List</span>
      </div>
    </div>
    <div id="main-footer">
      <div id="footer-frame">
        <p>Non-copyright.</p>
      </div>
    </div>

  <script type="text/template" id="list-template">
      <div class="list-frame" id="<%= list_name %>">
        <div class="list-header">
          <label><input type="checkbox" class="list-deleteckb"/><span class="list-title"><%= list_name %></span></label><span class="btn-lite card-add">+新Card</span>
        </div>
        <ul class="list-body">
          <input type="text" class="card-addipt" placeholder="card"/>
        </ul>
        <div class="list-footer"></div>
      </div>
  </script>

  <script type="text/template" id="card-template">
    <div class="card-item">
      <input type="text" class="card-editipt"/>
      <span class="card-content"><%= card_content %></span><span class="btn-lite card-delete">-删除</span><span class="btn-lite card-edit">*编辑</span>
    </div>
  </script>

  <script src="{{ url_for('static', filename='js/home/board.js') }}" type="text/javascript"></script>
  </body>
</html>